<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>快乐购</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/glyphicons-halflings.min.css">
		<link rel="stylesheet" type="text/css" href="css/default.min.css" />
		<!-- JS -->
		<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--头部开始-->
		<!--<div style="height: 80px">
			<iframe src="head.html" scrolling="no"  style="width: 100%;border: 0px"></iframe>
		</div>-->
		<div id="head-div" >

		</div>
		<script>
			$("#head-div").load("head.html");
		</script>
		<!--头部结束-->
		<!-- 滚动广告部分 -->
		<div id="carousel-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-generic" data-slide-to="1"></li>
				<li data-target="#carousel-generic" data-slide-to="2"></li>
				<li data-target="#carousel-generic" data-slide-to="3"></li>
				<li data-target="#carousel-generic" data-slide-to="4"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div id="gg-div" class="carousel-inner" role="listbox" style="margin: 0px auto">
				<!--广告展示-->
			</div>

			<!-- Controls -->
			<a class="carousel-control carousel-control-prev" href="#carousel-generic" role="button" data-slide="prev">
				<i class="carousel-control-prev-icon"></i>
				<span class="sr-only">Previous</span>
			</a>
			<a class="carousel-control carousel-control-next" href="#carousel-generic" role="button" data-slide="next">
				<i class="carousel-control-next-icon" aria-hidden="true"></i>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<!-- //滚动广告部分结束 -->

		<!-- 商品分类&搜索表单部分 -->
		<section class="container">
			<!-- 商品分类部分-->
			<div id="main-parent" >

			</div>
			<script>
				$("#main-parent").load("parent.html");
			</script>
			 <!--商品分类部分结束 -->
			<!-- 搜索表单部分 -->
			<div id="serach-div">

			</div>
			<script>
				$("#serach-div").load("serach.html");
			</script>
			<!-- //搜索表单部分结束 -->
		</section>
		<!-- //商品分类&搜索表单部分 -->

		<!-- 页面主体部分 -->
		<section class="container">

			<div class="border-bottom">
				<span>全场低价商品</span>
				<small>精致好物 更快乐的生活</small>
				<a href="products.html" class="small">更多...</a>
			</div>

			<!-- 商品列表部分 -->
			<div class="container-fluid mt-1">
				<!--商品展示-->
				<div id="sp-div" class="row">
					<!-- 商品一 -->
				</div>
			</div>
			<!-- //商品列表部分结束 -->

		</section>
		<!-- //页面主体部分结束 -->

		<!-- 页面脚部部分 -->
		<!--<div style="height:800px;margin: 0px auto">
			<iframe src="footer.html" scrolling="no"  style="width: 100%;height: 100%;border: 0px"></iframe>
		</div>-->
		<div id="footer-div">

		</div>
		<script>
			$("#footer-div").load("footer.html");
		</script>
		<!-- //页面脚部部分结束 -->

	</body>

</html>
